<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/view/common/conmont.jspf" %>
<head>
    <meta charset="utf-8">
    <title>选择供应商</title>
    <script type="text/javascript">
        $(function(){
            $('#dg').datagrid({
                url:'${webRoot}/supplier/selectPage',
                fitColumns:true,//自适应网格
                nowrapL:true,
                idField:'supId',
                rownumbers:true,//显示行号
                pagination:true,//底部显示分页条
                pageSize:5,//分页5条
                pageList:[3,5,10,15,20],//初始化页面显示条数
                singleSelect:true,
                //  设置toolbar 的样式 ；linkbutton
                toolbar: [{
                    iconCls: 'icon-remove',
                    text:'确认',
                    handler: function(){
                        /**
                         * 1. 获取选中的选项
                         * 2. 将选中的供应商名称和ID 回传到form表单中
                         * */
//                        1 返回所有被选中的行(对象)
                        var array = $("#dg").datagrid("getSelections");

                        if(array.length==1){
//                      回传给 表单
                            alert(array[0].supName);
                            getTabWindow().$("#ff").form('load',{
                                supName:array[0].supName,
                                supId:array[0].supId
                            });
                            parent.$("#win").window('close');
                        }else {
                            alert("请选择一个供应商");
                        }
                    }
                },'-',{
                    // 添加搜索框
                    text:"<input type='text' id='sm'  placeholder='请输入供应商名称'/>",
                },'-',{
                    // 添加搜索框
                    text:"<input type='text' id='sa'  placeholder='请输入供应商地址'/>",
                },'-',{
                    iconCls: 'icon-search',
                    text:'搜索',
                    handler: function(){
//                        alert('提交');
//                        获取输入框的值 然后重新加载啊

                        var suppName = $("#sm").val();// 取值
                        var suppAdd  = $("#sa").val();// 地址
                        $('#dg').datagrid('load',{
//                          这里只能传一级属性 paramsEntity.supName 单独拿出来一个supplier 接收吧
                            supName : '%'+suppName+'%',
                            supAddress: '%'+suppAdd+'%'
                        });
                    }
                }
                ],

                columns : [ [{
                    //新增一列
                    checkbox:true,
                },{
                    field : 'supId',
                    title : '编号',
                    width : 100
                }, {
                    field : 'supName',
                    title : '供应商',
                    width : 100
                }, {
                    field : 'supAddress',
                    title : '地址',
                    width : 100,
                    align : 'right'
                } , {
                    field : 'supPay',
                    title : '初期应付',
                    width : 100,
                    align : 'right'
                }, {
                    field : 'supType',
                    title : '类型',
                    width : 100,
                    align : 'right'
                }] ]
            });

//            将搜索框改成easyui 对象
 /*           $("#sm").searchbox({
                searcher:function (value, name) {
                    alert(value+name);
                },
                prompt:'请输入商品名称'
            });*/

        });
    </script>
</head>


<body style="margin:0px;">
<%--grid 是通过table 实现的--%>
<table id="dg"></table>
</body>


</html>

